{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>身份证管理</title>
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}" type="text/css">
    <style type="text/css">
        .table tr,.table th{
            text-align: center;
        }


        div{
            text-align: right;
            width: 80%;
            margin: 0 auto;
        }


    </style>
</head>
<body>
<div class="container-fluid">
<h1 class="page-header" align="center">身份证信息</h1>
<table class="table table-striped table-bordered table-hover">
    <tr>
        <th>身份证id</th>
        <th>身份证号</th>
        <th>操作</th>
    </tr>
    {% for cardlement in v_card_query %}
        <tr >

            <td>{{ cardlement.idcard_id }}</td>
            <td>{{ cardlement.idcard_num }}</td>
            <td>
                <a href="/app001/update_card_page/?id={{ cardlement.idcard_id }}">更新</a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="/app001/deletecard/?id={{ cardlement.idcard_id }}" onclick="method01()">删除</a>
            </td>
       </tr>
    {% endfor %}

</table>
<div>
    总{{ userinfo_data.fun_totalpageno }}页
    &nbsp;
    &nbsp;
    &nbsp;
    当前页:{{ userinfo_data.var_currentpage }}
    &nbsp;
    &nbsp;
    &nbsp;
    <a href=" /app001/getuserinfo/{{ 1 }}">首页</a>
    <a href="/app001/getuserinfo/{{ userinfo_data.fun_prepageno }}">上一页</a>
    &nbsp;
    &nbsp;
    &nbsp;
    {% for i in userinfo_data.fun_switchpage  %}
    <a href="/app001/getuserinfo/{{ i }}">{{ i }}</a>
    {% endfor %}
    &nbsp;
    &nbsp;
    &nbsp;
    <a href="/app001/getuserinfo/{{ userinfo_data.fun_nextpageno }}">下一页</a>
    <a href="/app001/getuserinfo/{{ userinfo_data.fun_totalpageno }}">尾页</a>


</div>
<hr>
<a href="/app001/adduserinfopage/">增加用户</a>
<script type="text/javascript">
    function method01() {
        var v_result=window.confirm("确定删除吗");
        return v_result;
    }

</script>

</div>
<script type="text/javascript" src="{% static 'js/jquery-3.3.1.js' %}"></script>
<script type="text/javascript" src="{% static 'js/bootstrap.js' %}"></script>

</body>
</html>